@font-face {
    font-family: 'Lucida Grande';
    src: url('../fonts/skfonts/Lucida-Grande-Regular.ttf');
}

@font-face {
    font-family: 'Lucida Grande';
    src: url('../fonts/skfonts/Lucida-Grande-Regular.eot');
}

html, body, #wrapper {height: 100%;}

body > #wrapper { height: auto; min-height: 100%; }

body{
    background-color:#fff;
    font-family: 'Lucida Grande', sans-serif;
}

#content { overflow: auto; padding-bottom: 50px; }

#footer {
    position: relative;
    margin-top: -50px; /* negative value of footer height */
    height: 50px;
    clear: both;
    font-family: 'Lucida Grande', sans-serif;
    text-align:center;
    color: #888;
}

/*Opera Fix*/
body:before {
    content: "";
    height:100%;
    float: left;
    width: 0;
    margin-top: -32767px;
}

/*���������*/

#navigation li{
    font-family: 'Lucida Grande', sans-serif;
    display:inline;
    float:right;
    text-transform:uppercase;
    font-size:15px;
    margin-left:30px;
    margin-top:20px;
}

#navigation a{
    color:#000;
    text-decoration:none;
}

#navigation a>img{
    border: 1px solid white;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    behavior:url(static/css/ie/PIE.htc);
}

#navigation li>img{
    border: none;
}


#logo{
    margin-top:10px;
}

#logo p{
    margin-left:10px;
    font-family: 'Lucida Grande', sans-serif;
    font-size:22px;
}

#logo a{
    font-family: 'Lucida Grande', sans-serif;
    font-size:22px;
    color:#000;
    text-decoration:none;
}

#devices{
    margin-top:10px;
    margin-left: 250px;
    border:0 solid #000;
}

#createDomain{
    margin-left:40px;
    cursor: pointer;
}

#aboutProj, #ourContacts{
    cursor:pointer;
}

#about p{
    font-family: 'Lucida Grande', sans-serif;
    text-align: justify;
}

#contacts p{
    font-family: 'Lucida Grande', sans-serif;
    text-align: justify;
}

#forbeer p{
    font-family: 'Lucida Grande', sans-serif;
    text-align: justify;
}

#autoreg {
    font-family: 'Lucida Grande', sans-serif;
}

#auregWin p{
    font-family: 'Lucida Grande', sans-serif;
    margin-top: 20px;
    color: #000000;
}

#auregWin p>a{
    color: #000000;
}

#auregWin form > input[type="submit"]{
    font-family: arial;
    margin-top: 20px;
    margin-left: 140px;
    background-color:#89c403;
    color: #ffffff;
    width: 220px;
    font-size: 24px;
    font-weight:bold;
    text-shadow:1px 1px 0px #528009;
    padding: 10px 14px;
    border: 1px solid #89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    behavior:url(static/css/ie/PIE.htc);
    cursor: pointer;
}

#regWin2 form > input[type="submit"],#regWin form > input[type="submit"] {
    font-family: arial;
    margin-top: 20px;
    margin-left: 80px;
    background-color:#89c403;
    color: #ffffff;
    width: 280px;
    font-size: 24px;
    font-weight:bold;
    text-shadow:1px 1px 0px #528009;
    padding: 10px 14px;
    border: 1px solid #89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    behavior:url(static/css/ie/PIE.htc);
    cursor: pointer;
}

#auregWin form > input[type="text"]{
    font-family: 'Lucida Grande', sans-serif;
}

#auregWin li{
    font-family: 'Lucida Grande', sans-serif;
    display:inline;
    float:left;
    font-size:15px;
    margin-left: 20px;
}

#registr{
    margin-left: 100px;
    margin-top: 60px;
}

#regWin p{
    font-family: 'Lucida Grande', sans-serif;
    margin-top: 20px;
    color: #000000;
}

#regWin2 p{
    font-family: 'Lucida Grande', sans-serif;
    margin-top: 20px;
    color: #000000;
}

.formTable td{
    padding-left: 20px;
}

.loginUser, .password, .nameUser{
    height:30px;
    width:320px;
    font-family: 'Lucida Grande', sans-serif;
}

#order label.error {
    font-size: 0.8em;
    color: #F00;
    font-weight: bold;
    display: block;
    margin-left: 20px;
}

#signup label.error {
    font-size: 0.8em;
    color: #F00;
    font-weight: bold;
    display: block;
    margin-left: 20px;
}

/*������*/

.grid_3 h3{
    font-family: 'Lucida Grande', sans-serif;
    font-weight:bold;
    color:#000;
    text-align: right;
}

.grid_3 a{
    color:#000;
    text-decoration:none;
}

.grid_3 p{
    font-size:15px;
    font-family: 'Lucida Grande', sans-serif;
    text-align:right;
    color:#000;
    margin-top:5px;
    margin-bottom:10px;
    cursor:pointer;
}

.grid_3 img{
    border: none;
    float:right;
}

.grid_4 h3{
    font-family: 'Lucida Grande', sans-serif;
    text-align:right;
    color:#000;
    margin-top:60px;
    margin-left:80px;
    width:100%;
    outline:0px solid #000;
}

.grid_4 p{
    font-family: 'Lucida Grande', sans-serif;
    font-size:14px;
    text-align:left;
    color:#000;
	padding:4px 8px;
}

.grid_5 img{
    border:1px solid #000;
    margin-top:20px;
    float:right;
    margin-left:-80px;
    outline:0px solid #000;
}

.grid_4 img{
    border:0px solid #000;
    float:left;
}

.grid_5 p{
    font-family: 'Lucida Grande', sans-serif;
    font-size:15px;
    text-align:center;
    color:#000;
    margin-bottom:10px;
    margin-top:20px;
    float:right;
    margin-left:-80px;
}

.grid_5 textarea{
    text-align:center;
    margin-top:5px;
    margin-bottom:10px;
    float:right;
    margin-left:-80px;
}

.grid_5 img{
    border:none;
}

.grid_6 img{
    margin-left:60px;
}

.grid_6 h3{
    font-family: 'Lucida Grande', sans-serif;
    text-align:center;
    color:#000;
    margin-top:20px;
    outline:1px solid #000;
}

.grid_6 p{
    font-size:16px;
    text-align:left;
    color:#000;
    margin-top:5px;
    margin-bottom:10px;
    outline:0px solid #000;
	margin-left:60px;
}


.grid_6 label {
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
}

.grid_12 h1{
    font-family: 'Lucida Grande', sans-serif;
    text-align:center;
    color:#000;
}

.grid_12 h1 > a{
    font-family: 'Noto Sans', sans-serif;
    color:#000;
    text-decoration: none;
}

.grid_9 h1{
    font-family: 'Lucida Grande', sans-serif;
    text-align:left;
    color:#000;
}

.grid_9 p{
    font-family: 'Lucida Grande', sans-serif;
    text-align:left;
    color:#000;
    margin-top:5px;
}

.grid_9 img{
    margin-top:10px;
    margin-left:50px;
}

.grid_3 img{
    margin-top:50px;
}

.grid_12 h3{
    font-family: 'Lucida Grande', sans-serif;
    text-align:center;
    color: #888;
    margin-top:20px;
    font-weight: normal;
}

.grid_12 h3 > a{
    font-family: 'Lucida Grande', sans-serif;
    color:#000;
    text-decoration: none;
}

.grid_12 p{
    font-family: 'Lucida Grande', sans-serif;
    text-align:center;
    color:#000;
    margin-top:50px;
}

.grid_12 img{
    border:none;
}

.panUnit{
    background-color:#fff;
    color:#000;
    font-family: 'Lucida Grande', sans-serif;
}

.panUnit li {
    color:#000;
    margin-left: 0px;
    display: inline;
    float:left;
}


.panUnit li > a > img{
    border:none;
}

.panUnit p{
    font-family: 'Lucida Grande', sans-serif;
    text-align:center;
    color:#000;
    margin-top:20px;
    font-size: 15px;
}


#popupwindow{
    background-color:#4fbdeb;
}

.undScp{
    text-decoration:underline;
}

.leadBtn {
    margin-top:20px;
}

.leadBtn  a{
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background-color:#89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #74b807;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:28px;
    font-weight:bold;
    padding:10px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #528009;
    width:480px;
    margin-top: 20px;
    margin-left: 32px;
    text-align:center;
    behavior:url(static/css/ie/PIE.htc);
}



.leadBtn a:hover {
    background-color:#77a809;
}

.leadBtn a:active {
    position:relative;
    top:1px;
}

/*новая кнопка на главной*/
.leadBtn2  a{
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background-color:#89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #74b807;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:22px;
    font-weight:bold;
    padding:10px 10px;
    text-decoration:none;
    text-shadow:1px 1px 0px #528009;
    width:300px;
    margin-top: 20px;
    margin-left: 60px;
    text-align:center;
    behavior:url(static/css/ie/PIE.htc);
}

.leadBtn2 a:hover {
    background-color:#77a809;
}

.leadBtn2 a:active {
    position:relative;
    top:1px;
}
/*конец кнопки*/

.beta{
    vertical-align: super;
    font-size:15px;
}

.leadBtnInput {
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background-color:#89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #74b807;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:28px;
    font-weight:bold;
    padding:10px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #528009;
    width:500px;
    margin: 5px 200px;
    text-align:center;
    cursor:pointer;
    behavior:url(static/css/ie/PIE.htc);
}

.leadBtnBlog  a{
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background-color:#89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #74b807;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:26px;
    font-weight:bold;
    padding:12px 14px;
    text-decoration:none;
    text-shadow:1px 1px 0px #528009;
    width:680px;
    text-align:center;
    behavior:url(static/css/ie/PIE.htc);
}


.leadBtnBlog a:hover {
    background-color:#77a809;
}

.leadBtnBlog a:active {
    position:relative;
    top:1px;
}

/*поля ввода lead_edit.jsp*/
.mainHeader, .addMess, .myCount, .titleTag, .descripTag, .keywordTag, .myImgUrl, .blackBox, .dopText, .formCode, .companyName, .mySite, .briefDef, .statCode, .btnTxt, .goToUrl{
    height:100px;
    width:700px;
}

.myDate{
    font-family: 'Lucida Grande', sans-serif;
    height:30px;
    width:310px;
}

.marketType{
    font-family: 'Lucida Grande', sans-serif;
    height:30px;
    width:700px;
    margin-bottom: 5px;
    margin-left: 80px;
}

/*выбор видов страниц*/
.leadCap, .launSoon, .ctrPage{
    cursor: pointer;
}

#tempList, #paramList{
    background-color:#ffffff;
}

#tempList h3{
    text-align: left;
}

#paramList h3{
    text-align: left;
}

/*плавающая панель в блоге*/
#skteam{
    position: relative;
}

/*табы выбора страницы*/
.grid_2 li {
    list-style: none;
    margin-top: 5px;
    cursor: pointer;
    text-align: center;
}

.grid_2 li>p{
    text-align: center;
}

.grid_2 img {
    margin-top: 10px;
    width:128px;
    background-color:#ffffff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #ffffff;
    behavior:url(static/css/ie/PIE.htc);
}

.shortdiscript{font-size: 10px; text-align: right;}

.grid_10 p{
    font-weight: bold;
}

.galTempl{
    width: 740px;
    height:100%;
}

.galTempl img {
    border: 1px solid #c0c0c0;
    margin-top: 10px;
    margin-left: 5px;
}

.galTempl p {
    margin-left: 80px;
}

.galTempl textarea, .galTempl input {
    margin-left: 80px;
    margin-bottom: 5px;
}

.activeElem{
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #000000;
    behavior:url(static/css/ie/PIE.htc);
}

/*слайды*/
#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    margin-left:220px;
    margin-top:50px;
    border: none;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*табы редактирования*/
.grid_11 ul{
    margin-left: 80px;
}

.grid_11 li {
    list-style: none;
    margin-top: 5px;
    cursor: pointer;
    text-align: center;
    display:inline;
    float: left;
    margin-left: 6px;
}

.grid_11 li>p{
    text-align: center;
    margin-bottom: 15px;
}

.grid_11 img {
    margin-top: 10px;
    width:128px;
    background-color:#ffffff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #ffffff;
    behavior:url(static/css/ie/PIE.htc);
}

/*календарь*/
.calendar {
    font-family: 'Lucida Grande', sans-serif;
    font-size: 15px;
    background-color: #fff;
    color: #000;
    border: 1px solid #c0c0c0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0.2em;
    width: 14em;
    position: relative;
    left: 20px;
    top: 20px;
}

.calendar .months {
    background-color: #c0c0c0;
    border: 1px solid #c0c0c0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #FFF;
    padding: 0.2em;
    text-align: center;
}

.calendar .prev-month,
.calendar .next-month {
    padding: 0;
}

.calendar .prev-month {
    float: left;
}

.calendar .next-month {
    float: right;
}

.calendar .current-month {
    margin: 0 auto;
}

.calendar .months .prev-month,
.calendar .months .next-month {
    color: #FFF;
    text-decoration: none;
    padding: 0 0.4em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

.calendar .months .prev-month:hover,
.calendar .months .next-month:hover {
    background-color: #fff;
    color: #000;
}

.calendar table {
    border-collapse: collapse;
    padding: 0;
    font-size: 0.8em;
    width: 100%;
}

.calendar th {
    text-align: center;
}

.calendar td {
    text-align: right;
    padding: 1px;
    width: 14.3%;
}

.calendar td span {
    display: block;
    color: #000;
    background-color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
    padding: 0.2em;
    cursor: pointer;
}

.calendar td span:hover {
    color: #000;
    background-color: #fff;
    border: 1px solid #c0c0c0;
}

.calendar td.today span {
    background-color: #c0c0c0;
    border: 1px solid #c0c0c0;
    color: #fff;
}

/*графики*/
#contChart {
    /*width: 780px;
    height: 400px;*/
    margin-bottom:10px;
    margin-top:10px;
}

#datatable {
    margin-left:0px;
}

.dataStyleH {
    font-family: 'Lucida Grande', sans-serif;
    text-align:center;
    padding: 10px 10px;
    font-weight: bold;
    font-size:12px;
    height:35px;
    border:1px solid #000;
}


.dataStyle {
    font-family: 'Lucida Grande', sans-serif;
    text-align:center;
    padding: 10px 10px;
    font-size:12px;
    height:35px;
    border:1px solid #000;
}

.dataStyleConv{
    font-family: 'Lucida Grande', sans-serif;
    color: #008000;
    text-align:center;
    padding: 10px 10px;
    font-size:12px;
    height:35px;
    border:1px solid #000;
}

.dataStyleFail{
    font-family: 'Lucida Grande', sans-serif;
    color: #ff0000;
    text-align:center;
    padding: 10px 10px;
    font-size:15px;
    height:35px;
    border:1px solid #000;
}

#analitic li{
    display:inline;
    float:left;
    margin-bottom:20px;
}

.dataStyleH  a{
    color:#000;
    text-decoration:none;
}

.dataStyleH  a>img{
    border: 1px solid white;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    behavior:url(static/css/ie/PIE.htc);
}

.dataStyleH  img{
    border: 1px solid white;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    behavior:url(static/css/ie/PIE.htc);
    cursor: pointer;
}

/*личная инфа юзера*/
.titleInfo {
    font-family: 'Lucida Grande', sans-serif;
    text-align:left;
    padding: 5px 10px;
    font-weight: bold;
    font-size:14px;
    height:35px;
}

.varInfo {
    font-family: 'Lucida Grande', sans-serif;
    text-align:left;
    padding: 5px 10px;
    font-size:14px;
    height:35px;
}

/*кнопка выбора периода статистики*/
.periodBtn {
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background-color:#89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #74b807;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:18px;
    font-weight:bold;
    padding:10px 10px;
    text-decoration:none;
    text-shadow:1px 1px 0px #528009;
    width:200px;
    text-align:center;
    cursor:pointer;
    behavior:url(static/css/ie/PIE.htc);
    margin-left: 10px;
}

.statPeriod{
    font-family: 'Lucida Grande', sans-serif;
    height:30px;
    width:150px;
    margin-left: 10px;
}

/*видео*/
#showVideo{
    cursor: pointer;
}

/*для цеплевой надписи*/
.cep{
    color: #ff0000;
    text-decoration: underline;
}

/*блок новостей - активносте проекта*/
.newsTit{font-size: 14px; text-align:left; margin-left: 15px; padding-bottom:5px;}
.newsDisc{font-size: 12px; text-align:left; margin-left: 15px; padding-bottom:15px;}

/*панель управления кабинета пользователя*/
#userPanel li{
    font-family: 'Lucida Grande', sans-serif;
    display:inline;
    float:right;
    font-size:15px;
    margin: 30px 10px;
}

#userPanel a{
    color:#000;
    text-decoration:none;
}

#userPanel a>img{
    border: 1px solid white;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    behavior:url(static/css/ie/PIE.htc);
}

#userPanel li>img{
    border: none;
}

/*кабинет админов*/
.admTable {
    font-family: 'Lucida Grande', sans-serif;
    text-align:center;
    padding: 5px 5px;
    font-weight: bold;
    font-size:12px;
    border:1px solid #000;
}

/*таблица заказов*/
#orderTable{
    border:1px solid #000;
    width:900px;
}

/*пакеты внедрения*/
.paket{
	margin-top:30px;
	text-align:center;
	width:300px;
	border:1px solid #000;
	-moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    behavior:url(static/css/ie/PIE.htc);
}

.benefits p{
	margin-left:15px;
	font-size:12px;
	margin-bottom:5px;
}

.price{
	margin-top:8px;
}

.getOrder{
	font-family: arial;
    margin-top: 10px;
	margin-bottom: 10px;
    background-color:#89c403;
    color: #ffffff;
    width: 200px;
    font-size: 14px;
    font-weight:bold;
    text-shadow:1px 1px 0px #528009;
    padding: 10px 14px;
    border: 1px solid #89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    behavior:url(static/css/ie/PIE.htc);
    cursor: pointer;
}